<template>
	<view class="content">
		<view class="shop-nav unify-background-color unify-flex">
			<view class="shop-nav-item unify-flex unify-margin">
				<view class="shop-nav-left unify-flex">
					<view class="iconfont el-icon-daohang unify-weight"></view>
					<view class="shop-nav-info unify-weight">
						<view class="shop-nav-name unify-font-size-line-astrict">河南省郑州市管城区南五里堡河南省郑州市管城区南五里堡</view>

						<view class="shop-nav-details unify-font-size-two-line-astrict">
							二楼
						</view>
					</view>
				</view>
				<view class="iconfont el-icon-icon12 unify-rotate90"></view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.shop-nav {
		height: 160rpx;
		max-height: 160rpx;
		align-items: center;

		.shop-nav-item {
			width: 100%;
			align-items: center;
			justify-content: space-between;

			.shop-nav-left {
				width: 100%;
				justify-content: space-between;

				.shop-nav-info {
					width: 88%;
					font-size: $uni-font-size-base;
				}
				
				.shop-nav-name {
					width: 540rpx;
				}

				.shop-nav-details {
					font-size: $uni-font-size-sm;
					margin-top: 10rpx;
					color: $uni-text-color-grey;
					font-weight: 500;
				}
			}

			.iconfont {
				font-size: $uni-font-size-base;
				margin-top: 5rpx;
			}
		}
	}
</style>
